<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			header,main,footer{
				width:500px ;
				background: #ccc;
				border: 1px solid black;
				margin:  10px auto;
			}
			header ,footer{
				text-align:center;
				color: white;
				padding: 10px 0;
			}
			main{
				width: 500px;
				margin: 0 auto;
				text-align: center;
				color: white;
			}
			main span{
				width: 300px;
			}
			main input{
				width: 150px;
			}
		</style>
	</head>
	<body>
		<header>
			<h1>学生信息登记表</h1>
		</header>
		<main>
			<span>学生姓名:</span><input type="text" name="" id="name" value="" />
			<br />
			<span>高考总分:</span><input type="number" max="0" min="750" id="" />
			<br />
			<span>学生生日：</span><input type="date" name="" id="" value="" />
			<br />
			<span>个人主页：</span><input type="text" name="" id="" value="" />
			<br />
			<span>电子邮箱：</span><input type="email" name="" id="email" value="" />
			<br />
			<span>填表日期：</span><input type="datetime-local" name="" id="time" value="" />
			<br />
			<input type="submit" value="提交" id="tijiao" />
		</main>
		<footer>
		   版权所有：格莱科技
		</footer>
	</body>
	<script type="text/javascript">
		//页面加载完成的事件
		window.onload=function(){
			var submit=document.getElementById("submit");
			//定义变量叫submit=从页面获取ID为subit
			//变量submit点击事件
			submit.onclick=function(){
				var name=document.getBitmapById("name");
				var name=document.getBitmapById("tijiao");
	
			}
			if(name.value.length <1 || name.value.length){
				alert("请输入正确的名字长度")
				
			}
			else if({
				
			})
		}
	</script>
</html>
